<template>
    <div>
        <input type="text" v-model='todo'>
        <button @click='add'>add</button>
        <!-- <router-link tag='button' @click='add'  to='/list'>add</router-link> -->
    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'XXX',
    data() {
        return {
          todo:''
        }
    },
    created() {
      console.log(this)
    },
    methods: {
      add(){
        this.$store.commit('add',this.todo)
        this.todo = '';
        // this.$router   和  this.$route 有什么区别?
        // router里边放的是方法;  route里边放的是属性
        console.log(this)
        // this.$router.push('/list')
        this.$router.replace('/list')
        // push 和 replace的区别? 
        // push 回新增 一条历史记录; replace 只是把当前的路径进行了一个替换 不会新增历史记录
        // 路由传参的两种方式   query   params
        // query :  通过this.$route.query
        // params : to 的时候 不能写path只能写name  this.$route.params
      }
    },
}
</script>
<style lang="less">

</style>